<template>
  <view class="page pageBg-color">

    <image class="logo" src="@/static/logo.png" />

    <view class="text-area">
      <text class="title">{{ title }}</text>
    </view>

    <uni-card title="基础卡片" sub-title="副标题" extra="额外信息" :thumbnail="avatar" @click="onClick">
      <text class="uni-body">这是一个带头像和双标题的基础卡片，此示例展示了一个完整的卡片。</text>
    </uni-card>

    <demo></demo>

  </view>
</template>


<script setup lang="ts">
import { ref } from 'vue';
const title = ref('Hello');
const avatar = ref('https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png');

const onClick = () => {
  console.log("~~~点我");
  uni.navigateTo({
    url: `/pages/pkgA/login/index`
  });
};
</script>


<style lang="scss" scoped>
@use 'style.scss';
</style>
